<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容展示页</title>
  <link rel="stylesheet" type="text/css" href="index.css">
  <link rel="stylesheet" type="text/css" href="content.css">
  <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
  <script src="js/index.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <!--顶部开始-->
    <div class="top">
    	<div class="top1">
    	   <div class="top3">
    	   	 <!--<ul class="denglu">
    			<li class="li1"><a href="">登陆</a></li>
    			<li class="li2"><a href="">注册</a></li>
    		 </ul>-->
    		 <ul class="denglu one">
    			<li class="li1" style="width: 8px;">
    				<a href=""><img src="images/liebiao.jpg" alt="" style="width: 30px;height: 30px;position: relative;left: -8px;top: 7px;"/></a>
    			</li>
    			<li class="li2"><span>冰糖泡</span></li>
    		 </ul>
    		 <ul class="gowu">
    		 	<li class="li2"><a href="">购物车<span>0</span>件</a></li>
    			<li class="li1"><img src="images/logo.png" alt="" /></li>
    			
    		 </ul>
    	   </div>
    	</div>
    	<div class="top2">
    		<div class="top4">
    			<a class="wosai" href=""><img src="" alt="" /></a>
	    	   	 <ul class="caidan">
	    			<li class="li1"><a href=""></a></li>
	    			<li class="li2"><a href="">市集</a></li>
	    			<li class="li2"><a href="">新品</a></li>
	    			<li class="li2"><a href="">热买</a></li>
	    			<li class="li2"><a href="">闪购</a></li>
	    			<li class="li3"><a href="">定制</a></li>
	    			<li class="li4"><a href=""><img src="images/wosai.png" alt="" /></a></li>
	    		 </ul>
	    		 <ul class="sousuo">
	    			<li class="li1">
	    				<form action="" method="post">
	    					<input class="sou" type="" placeholder="请输入要搜索的关键词" name="" value="" />
	    					<input class="tijiao" type="submit" value=""/>
	    				</form>
	    			</li>
	    			<li class="li2"><a href="">画报</a></li>
	    			<li class="li3"><a href="">动态</a></li>
	    		</ul>
    	   </div>
    	</div>
    </div>
    <!--顶部结束-->
    
    <!--内容展示开始-->
    <div class="content">
    	<div class="content_one">
    		<div class="hot">
    			<div class="hot1">
    				<a href="" class="a1">最爱排行</a>
    				<a href="" class="a2">热销排行</a>
    			</div>
    			<div class="box_x">
    				<div class="hot2">
	    				<div class="im">
	    					<img src="images/content1.jpg"/>
	    				</div>
	    				<div class="zi1">
	    					<a href="" class="z1">经典款 重新上架 亚麻无袖... </a>
	    					<p>￥299.00</p>
	    				</div>
	    			</div>
	    			<div class="hot2">
	    				<div class="im">
	    					<img src="images/content1.jpg"/>
	    				</div>
	    				<div class="zi1">
	    					<a href="">经典款 重新上架 亚麻无袖... </a>
	    					<p>￥299.00</p>
	    				</div>
	    			</div>
	    			<div class="hot2">
	    				<div class="im">
	    					<img src="images/content1.jpg"/>
	    				</div>
	    				<div class="zi1">
	    					<a href="">经典款 重新上架 亚麻无袖... </a>
	    					<p>￥299.00</p>
	    				</div>
	    			</div>
	    			<div class="hot2">
	    				<div class="im">
	    					<img src="images/content1.jpg"/>
	    				</div>
	    				<div class="zi1">
	    					<a href="">经典款 重新上架 亚麻无袖... </a>
	    					<p>￥299.00</p>
	    				</div>
	    			</div>
	    			<div class="hot2">
	    				<div class="im">
	    					<img src="images/content1.jpg"/>
	    				</div>
	    				<div class="zi1">
	    					<a href="">经典款 重新上架 亚麻无袖... </a>
	    					<p>￥299.00</p>
	    				</div>
	    			</div>
	    			<div class="hot2">
	    				<div class="im">
	    					<img src="images/content1.jpg"/>
	    				</div>
	    				<div class="zi1">
	    					<a href="">经典款 重新上架 亚麻无袖... </a>
	    					<p>￥299.00</p>
	    				</div>
	    			</div>
	    			<div class="hot2">
	    				<div class="im">
	    					<img src="images/content1.jpg"/>
	    				</div>
	    				<div class="zi1">
	    					<a href="">经典款 重新上架 亚麻无袖... </a>
	    					<p>￥299.00</p>
	    				</div>
	    			</div>
	    			<div class="hot2">
	    				<div class="im">
	    					<img src="images/content1.jpg"/>
	    				</div>
	    				<div class="zi1">
	    					<a href="">经典款 重新上架 亚麻无袖... </a>
	    					<p>￥299.00</p>
	    				</div>
	    			</div>
	    			
    			</div>
    		</div>
    		<div class="content2">
    			<img src="images/content2.jpg"/>
    		</div>
    		<div class="content3">
    			<div class="title">
    				<span>若溯 斜系带中长连衣裙 棉麻圆领女无袖大摆背心裙子夏季新款女装</span>
    			</div>
    			<div class="jiage">
    				<span class="s1">价&nbsp;&nbsp;&nbsp;&nbsp;格：</span>
    				<span class="s2">￥299.00</span>
    			</div>
    			<div class="yun">
    				<span class="s1">运&nbsp;&nbsp;&nbsp;&nbsp;费：</span>
    				<span class="s2">快递：10元</span>
    			</div>
    			<div class="yun">
    				<span class="s1">评&nbsp;&nbsp;&nbsp;&nbsp;价：</span>
    				<span class="s2">好评率99.12% | 已有114条评价</span>
    			</div>
    			<ul>
    				<li class="li1">尺&nbsp;&nbsp;&nbsp;&nbsp;码 : </li>
    				<li class="li2"><label for="color"><input type="radio" name="color" id="color" value="M" />M</label></li>
    				<li class="li3"><label for="color"><input type="radio" name="color" id="color" value="L" />L</label></li>
    			</ul>
    			<ul>
    				<li class="li1">颜色分类 : </li>
    				<li class="li2 and"><label for="color"><input type="radio" name="color" id="color" value="蓝紫色" />蓝紫色</label></li>
    				<li class="li3 and"><label for="color"><input type="radio" name="color" id="color" value="紫色" />紫色</label></li>
    			</ul>
    			<div class="shop">
    				<span class="gou">购买数量 :</span> 
    				<a href="" class="a1"> -</a>
    				<input type="text" name="" id="" value="1" />
    				<a href="" class="a2"> +</a>
    				<span class="cun">库存2件</span>
    			</div>
    			<div class="join">
    				<a href="">加入购物车</a>
    			</div>
    			
    		</div>
    		<ul class="xiangqing">
    				<li><a href="javascript:void(0)" class="a1">产品详情</a></li>
    				<li><a href="javascript:void(0)" class="a2">买家评价</a></li>
    		</ul>
    		
    		<div class="show_content">
    			<img src="images/content5.jpg"/>
    			<img src="images/content5.jpg"/>
    		</div>
    		
    		<div class="biaoqianyun">
    			<div class="biaoqianyun1">
    				<span>标签</span>
    				<ul>
    					<li><p>棉麻</p></li>
    					<li><p>圆领</p></li>
    				</ul>
    			</div>
    			<div class="biaoqianyun1 and">
    				<span>材质</span>
    				<ul>
    					<li><p>棉</p></li>
    					
    				</ul>
    			</div>
    		</div>
    	</div>
    </div>
    
    
   <!--内容展示结束-->
    <!--底部-->
    <div class="foot">
    	<div class="gaoduan">
    		<span>高端定制上哇噻网</span>
    	</div>
    	<div class="di">
    		<ul>
    			<li><a href="">关于我们</a></li>
    			<li><a href="">联系我们</a></li>
    			<li><a href="">媒体报道</a></li>
    			<li><a href="">创意画报</a></li>
    			<li><a href="">招贤纳士</a></li>
    			<li><a href="">版权保护</a></li>
    			<li><a href="">用户条款</a></li>
    			<li><a href="">隐私声明</a></li>
    			<li><a href="">友情链接</a></li>
    			<li><a href="">网站地图</a></li>
    			<li><a href="">帮助中心</a></li>
    			<li><a href="">手工客</a></li>
    		</ul>
    		<ul class="u1">
    			<li>北京光年创艺信息技术有限公司 WowSai.com Copyright© 2008-2013 [京ICP备10020900][京公网安备11010502026420][京ICP证090011号]</li>
    		</ul>
    		<div class="tu">
    		   <ul>
    		   	    <li><img src="images/2.png" alt="" /></li>
    		   	    <li><img src="images/1.png" alt="" /></li>
    		   	    <li><img src="images/3.png" alt="" /></li>
    		   </ul>
    	    </div>
    	</div>
    	
    </div>
    
    <div class="ding">
    	<a href="javascript:;"></a>
    </div>
    
</body>
</html>

